<template>
  <div class="app-detail-title" :style="{'color':color,'background':bgColor}">
    {{text}}
  </div>
</template>

<script>
export default {
  name:'app-detail-title',
  props:{
    text:{
      type:String,
      default:'今日推荐'
    },
    color:{
      type:String,
      default:"#333"
    },
    bgColor:{
      type:String,
      default:"#ffffff"
    }
  }
}
</script>

<style lang="scss" scoped="scoped">
.app-detail-title{
  font-size: 18px;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  box-sizing: border-box;
}
</style>
